:root{--snap-yellow:#FFFC00;--slate-900:#0f172a;--slate-700:#334155;--slate-500:#64748b;--slate-400:#94a3b8;--white:#fff;--indigo-600:#4f46e5;--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--ring:0 0 0 1px rgba(51,65,85,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Nunito',sans-serif;background-color:var(--snap-yellow);color:var(--slate-700);min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;position:relative;background-image:linear-gradient(rgba(15,23,42,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,0.05) 1px,transparent 1px);background-size:24px 24px}header{padding:1.5rem;display:flex;justify-content:center;z-index:10;position:relative}.logo-img{height:60px;width:auto;object-fit:contain}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;max-width:1200px;margin:0 auto;z-index:10}.status-badge{position:absolute;top:1.5rem;right:1.5rem;background:rgba(255,255,255,0.9);padding:.5rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:700;color:var(--slate-700);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05);display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(4px);z-index:20}.status-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px rgba(34,197,94,0.2)}.divider{color:var(--slate-400);opacity:.5}.hero-text{text-align:center;margin-bottom:2rem;max-width:600px}h1{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;color:var(--slate-900);line-height:1;margin-bottom:.5rem;letter-spacing:-0.03em}p.lead{font-size:clamp(1rem,3vw,1.25rem);color:var(--slate-900);line-height:1.4;font-weight:700;opacity:.8}.card{background:var(--white);width:100%;max-width:26rem;border-radius:.75rem;box-shadow:var(--shadow-xl),var(--ring);overflow:hidden;animation:float 6s ease-in-out infinite}.card-header{padding:.75rem 1rem;display:flex;align-items:center;color:var(--slate-400);border-bottom:1px solid rgba(148,163,184,0.2)}.search-mock{display:flex;align-items:center;width:100%}.search-icon{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;margin-right:.75rem}.search-text{color:var(--slate-900);font-weight:600;font-size:.9rem;background:transparent;border:none;outline:none;width:100%;pointer-events:none}.card-section{padding:.75rem .875rem;border-top:1px solid rgba(148,163,184,0.2)}.section-title{font-size:.7rem;font-weight:700;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-left:.375rem}.tool-item{display:flex;align-items:center;padding:.5rem;border-radius:.375rem;cursor:default;transition:background-color .2s ease;color:var(--slate-700)}.tool-item:hover{background-color:rgba(79,70,229,0.05)}.item-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;stroke:var(--slate-400)}.item-text{font-size:.875rem;font-weight:600}.cta-container{margin-top:2rem;width:100%;display:flex;justify-content:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--slate-900);color:var(--white);font-weight:800;padding:1rem 2.5rem;border-radius:9999px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);font-size:1.125rem;letter-spacing:.025em;margin-bottom:2rem}.btn-primary:hover,.btn-primary:focus{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,0.15);outline:none;ring:2px solid var(--white)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:640px){body{height:auto}.status-badge{position:relative;top:auto;right:auto;margin:1.5rem auto .5rem auto;width:fit-content;transform:none}header{padding:.5rem 1rem 1rem 1rem}main{padding:0 1rem 2rem 1rem;justify-content:flex-start}.card{max-width:100%}.hero-text{padding:0 .5rem}.logo-img{height:50px}}